html{
	width: 100%;
	height: 100%;
}
body{
	overflow: hidden;
	background: url(../img/login/bg.png) center no-repeat;
	background-size: cover;
}
.hide {
    display: none;
}
.content{
	text-align: center;
	width: 800px;
	margin:0 auto;
	margin-top: 5%;
}
.logo{
	width: 130px;
	/*height: 155px;*/
	margin-bottom: 20px;
}
.title{
	width: 100%;
	margin-bottom: 30px;
}
.box{
	position: relative;
	background-color: #fff;
	border-radius: 10px;
	width: 300px;
	margin: 0 auto;
	padding-bottom: 40px;
}
.layui-nav{
	background-color: #fff;
	border-radius: inherit;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	margin-bottom: 10px;
	border-bottom: 2px solid #efefef;
}
.layui-nav .layui-nav-item{
	line-height: 50px;
}
.layui-nav .layui-nav-item a,.layui-nav .layui-nav-item a:hover{
	color: #000;
	font-weight: bold;
}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{
	background-color: #2671E1
}
.dialog{
	display: none;
}
.dialog.active{
	display: block;
}
.text{
	margin:0 30px;
	text-align: left;
}
.textbox{
	position: relative;
	background-color: #efefef;
	border-radius: 10px;
	padding:10px;
	margin-bottom:10px;
}

.textbox i{
	width: 30px;
	height: 20px;
	display: inline-block;
	margin-right: 5px;
	text-align: center;
}
.textbox i.name img{
	width: 15px;
	/*background: url('../img/icon1.png') center no-repeat;
	background-size: cover;*/
}
.textbox i.id img{
	width: 20px;
	/*background: url('../img/icon4.png') center no-repeat;
	background-size: cover;*/
}
.textbox i.psw img{
	width: 15px;
	/*background: url('../img/icon2.png') center no-repeat;
	background-size: cover;*/
}
.code i img{
	width: 30px;
	/*background: url('../img/icon3.png') center no-repeat;
	background-size: cover;*/
}
.code{
	overflow: hidden;
}
.code input{
	width: 50px;
}
.clock{
	position: absolute;
	top: 6px;
	right: 10px;
	border: none;
	border-radius: 5px;
	padding: 4px 8px;
	background-color: #02B7FA;
	color: #fff;
}
.codeimg{
	float: right;
}
.codeimg img{
	width: 65px;
}
.codeimg i{
	cursor: pointer;
	font-weight: bold;
	color: #999;
}
.textbox input{
	position: relative;
	top:2px;
	border:0;
	background-color: transparent;
}
.loginbtn{
	background: -moz-linear-gradient(top, #6AD4FC 0%, #02B7FA 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6AD4FC), color-stop(100%,#02B7FA));
    background: -webkit-linear-gradient(top, #6AD4FC 0%,#02B7FA 100%);
    background: -o-linear-gradient(top, #6AD4FC 0%,#02B7FA 100%);
    background: -ms-linear-gradient(top, #6AD4FC 0%,#02B7FA 100%);
    background: linear-gradient(to bottom, #6AD4FC 0%,#02B7FA 100%);
    color: #fff;
    border:0;
    padding:10px;
    width: 100%;
    border-radius: 10px;
    cursor: pointer;
}
.error{
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #F27373;
	color: #fff;
	height: 20px;
	padding:5px 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

